<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="css/news.css">
</head>
<body>
<div id="all">
<!--1. 头部 -->
<div id="top">
       <div class="top-cen">
        <img src="img/log.png" alt="log">
          <ul class="top-ul">
              <li><a href="index.html">首&nbsp;&nbsp;&nbsp;&nbsp;页<p>home</p></a></li>
              <li><a href="news.html">作品展示<p>showcase</p></a> </li>
              <li><a href="news-show.html">服务报价<p>service</p></a></li>
              <li><a href="product-show.html">外景展示<p>location</p></a></li>
              <li><a href="index.html">优惠活动<p>actmty</p></a></li>
              <li><a href="news.html">品牌介绍<p>brand
              </p></a></li>
              <li><a href="news-show.html">新闻咨询<p>hot&nbsp;event</p></a></li>
              <li><a href="product.html">联系我们<p>contac</p></a></li>
          </ul>
       </div>
</div>

<!--2. Banner -->
<div id="banner">
  <a href="#" >
      <ul class="banner-ul">
          <li id="banner-left"></li>
          <li>五一特别活动-东方美</li>
          <li>五一特别活动-东方美</li>
          <li>五一特别活动-东方美</li>
          <li>五一特别活动-东方美</li>
          <li id="banner-right"></li>
      </ul>
  </a>
</div>
<!--3.微博，空间 -->
<div id="wei">
      <a href="#">
        <div class="wei-top1" >
          <img src="img/bg1-1_03.png" alt="bg1">
        </div>
      </a>
      <a href="#">
        <div class="wei-top2">
          <img src="img/bg1-2_03.png" alt="bg2">
        </div>
      </a>
        <div class="wei-top3">
          <a href="#"><div class="top3-01"></div></a>
          <a href="#"><div class="top3-02"></div></a>
          <a href="#"><div class="top3-03"></div></a>
        </div>
      <a href="#">
        <div class="wei-top4">
          <img src="img/bg1-4_03.png" alt="bg4">
        </div>
      </a>
</div>
<!-- 4.center -->
<div id="center">
  <div class="center-left">
   <p>您现在所在的位置：</p>
   <a href="index.html">北京婚纱摄影</a>
   <span>&nbsp;>&nbsp;</span>
   <a href="#">新闻资讯</a>
   <img src="img/hot.png" alt="hot">
   <div class="left-wen">
     <!-- 01 -->

     <div class="left-wen-01">
       <a href="#">
       <div class="photos">
         <p>01</p>
         <span>HOT NEWS</span>
       </div>
       <div class="wen-zong">
         <p class="wen-zong-p01">从专业角度看挑选婚纱摄影的知识
         </p>
         <p class="wen-zong-p02">
           POSTTIME:2013.04.15
         </p>
         <p class="wen-zong-p03">
           新人在拍婚纱照会挑选一家婚纱摄影，来拍下两个人的甜蜜瞬间，也为结婚当天在婚礼中展示给亲朋好友看，那么挑选婚纱摄影注意事项有那些呢？1.婚纱摄影师......
         </p>
       </div>
       <div class="xian"></div>
       </a>
     </div>
     <!-- 02 -->
     <div class="left-wen-01">
       <a href="#">
       <div class="photos">
         <p>02</p>
         <span>HOT NEWS</span>
       </div>
       <div class="wen-zong">
         <p class="wen-zong-p01">从专业角度看挑选婚纱摄影的知识
         </p>
         <p class="wen-zong-p02">
           POSTTIME:2013.04.15
         </p>
         <p class="wen-zong-p03">
           新人在拍婚纱照会挑选一家婚纱摄影，来拍下两个人的甜蜜瞬间，也为结婚当天在婚礼中展示给亲朋好友看，那么挑选婚纱摄影注意事项有那些呢？1.婚纱摄影师......
         </p>
       </div>
       <div class="xian"></div>
       </a>
     </div>
     <!-- 03 -->
     <div class="left-wen-01">
       <a href="#">
       <div class="photos">
         <p>03</p>
         <span>HOT NEWS</span>
       </div>
       <div class="wen-zong">
         <p class="wen-zong-p01">从专业角度看挑选婚纱摄影的知识
         </p>
         <p class="wen-zong-p02">
           POSTTIME:2013.04.15
         </p>
         <p class="wen-zong-p03">
           新人在拍婚纱照会挑选一家婚纱摄影，来拍下两个人的甜蜜瞬间，也为结婚当天在婚礼中展示给亲朋好友看，那么挑选婚纱摄影注意事项有那些呢？1.婚纱摄影师......
         </p>
       </div>
       <div class="xian"></div>
       </a>
     </div>
     <!-- 04 -->
     <div class="left-wen-01">
       <a href="#">
       <div class="photos">
         <p>04</p>
         <span>HOT NEWS</span>
       </div>
       <div class="wen-zong">
         <p class="wen-zong-p01">从专业角度看挑选婚纱摄影的知识
         </p>
         <p class="wen-zong-p02">
           POSTTIME:2013.04.15
         </p>
         <p class="wen-zong-p03">
           新人在拍婚纱照会挑选一家婚纱摄影，来拍下两个人的甜蜜瞬间，也为结婚当天在婚礼中展示给亲朋好友看，那么挑选婚纱摄影注意事项有那些呢？1.婚纱摄影师......
         </p>
       </div>
       <div class="xian"></div>
       </a>
     </div>
     <!-- 05 -->
     <div class="left-wen-01">
       <a href="#">
       <div class="photos">
         <p>05</p>
         <span>HOT NEWS</span>
       </div>
       <div class="wen-zong">
         <p class="wen-zong-p01">从专业角度看挑选婚纱摄影的知识
         </p>
         <p class="wen-zong-p02">
           POSTTIME:2013.04.15
         </p>
         <p class="wen-zong-p03">
           新人在拍婚纱照会挑选一家婚纱摄影，来拍下两个人的甜蜜瞬间，也为结婚当天在婚礼中展示给亲朋好友看，那么挑选婚纱摄影注意事项有那些呢？1.婚纱摄影师......
         </p>
       </div>
       <div class="xian"></div>
       </a>
     </div>
     <!-- 06 -->
    <div class="left-wen-01">
       <a href="#">
       <div class="photos">
         <p>06</p>
         <span>HOT NEWS</span>
       </div>
       <div class="wen-zong">
         <p class="wen-zong-p01">从专业角度看挑选婚纱摄影的知识
         </p>
         <p class="wen-zong-p02">
           POSTTIME:2013.04.15
         </p>
         <p class="wen-zong-p03">
           新人在拍婚纱照会挑选一家婚纱摄影，来拍下两个人的甜蜜瞬间，也为结婚当天在婚礼中展示给亲朋好友看，那么挑选婚纱摄影注意事项有那些呢？1.婚纱摄影师......
         </p>
       </div>
       <div class="xian"></div>
       </a>
     </div>
     <!-- 07 -->
     <div class="left-wen-01">
       <a href="#">
       <div class="photos">
         <p>07</p>
         <span>HOT NEWS</span>
       </div>
       <div class="wen-zong">
         <p class="wen-zong-p01">从专业角度看挑选婚纱摄影的知识
         </p>
         <p class="wen-zong-p02">
           POSTTIME:2013.04.15
         </p>
         <p class="wen-zong-p03">
           新人在拍婚纱照会挑选一家婚纱摄影，来拍下两个人的甜蜜瞬间，也为结婚当天在婚礼中展示给亲朋好友看，那么挑选婚纱摄影注意事项有那些呢？1.婚纱摄影师......
         </p>
       </div>
       <div class="xian"></div>
       </a>
     </div>
     <div class="left-wen-01">
       <a href="#">
       <div class="photos">
         <p>08</p>
         <span>HOT NEWS</span>
       </div>
       <div class="wen-zong">
         <p class="wen-zong-p01">从专业角度看挑选婚纱摄影的知识
         </p>
         <p class="wen-zong-p02">
           POSTTIME:2013.04.15
         </p>
         <p class="wen-zong-p03">
           新人在拍婚纱照会挑选一家婚纱摄影，来拍下两个人的甜蜜瞬间，也为结婚当天在婚礼中展示给亲朋好友看，那么挑选婚纱摄影注意事项有那些呢？1.婚纱摄影师......
         </p>
       </div>
       <div class="xian"></div>
       </a>
     </div>
   </div>
  </div>
 <div class="center-right">
    <div class="right-top">
      <span>推荐图片文章</span>
    </div>
    <div class="right-center">
      <ul class="center-ul">
      <a href="#">
       <li>
         <div class="ph"></div>
         <div class="zi">
           <p>从专业角度看..</p>
         </div>
       </li>
       </a>
       <a href="#">
       <li>
         <div class="ph"></div>
         <div class="zi">
           <p>从专业角度看..</p>
         </div>
       </li>
       </a>
       <a href="#">
       <li>
         <div class="ph"></div>
         <div class="zi">
           <p>从专业角度看..</p>
         </div>
       </li>
       </a>
       <a href="#">
       <li>
         <div class="ph"></div>
         <div class="zi">
           <p>从专业角度看..</p>
         </div>
       </li>
       </a>
       <a href="#">
       <li>
         <div class="ph"></div>
         <div class="zi">
           <p>从专业角度看..</p>
         </div>
       </li>
       </a>
       <a href="#">
       <li>
         <div class="ph"></div>
         <div class="zi">
           <p>从专业角度看..</p>
         </div>
       </li>
       </a>

      </ul>
    </div>
    <div class="right-bottom">
     <div class="bottom-top">
      <span>热点文章</span>
     </div>
     <ul class="bottom-ul">
          <a href="news-show.html">
          <li>
           <div></div>
           <p>从专业角度看挑选婚纱摄影的...</p></li>
          </a>
          <a href="news-show.html">
          <li>
           <div></div>
           <p>从专业角度看挑选婚纱摄影的...</p></li>
          </a>
          <a href="news-show.html">
          <li>
           <div></div>
           <p>从专业角度看挑选婚纱摄影的...</p></li>
          </a>
          <a href="news-show.html#">
          <li>
           <div></div>
           <p>从专业角度看挑选婚纱摄影的...</p></li>
          </a>
          <a href="news-show.html">
          <li>
           <div></div>
           <p>从专业角度看挑选婚纱摄影的...</p></li>
          </a>
          <a href="news-show.html#">
          <li>
           <div></div>
           <p>从专业角度看挑选婚纱摄影的...</p></li>
          </a>
     </ul>
    </div>
  </div>
  <div class="center-bottom">
    <div class="bot-left">
       <p>总数 68</p>
       <a href="index.html">1</a>
       <a href="news.html">2</a>
       <a href="news-show.html">3</a>
       <a href="product.html">4</a>
       <a href="#" id="xia">下一页</a>
       <span>页次 1/4</span>
       <a href="index.html" id="fan">返回首页>></a>
    </div>
    <div></div>
  </div>
</div>

<!--5.bottom -->
<div id="bottom">
  <div class="bot-top">
     <div class="bbt-01">
        <div class="bbt-01-1">
          <div class="bbt-01-1-1">
            <p>重庆市沙坪坝区西永街道</p>
            <span>重庆市长寿区石堰镇麒麟村</span>
          </div>
        </div>

        <div class="bbt-01-2">
          <div>
            <a href="#">
              <p>&nbsp;SHOWCASE</p>
              <ul>
                <li>婚纱摄影作品</li>
                <li>时尚写真作品</li>
                <li>客户展示大赏</li>
                <li>全家福作品</li>
              </ul>
            </a>
          </div>
          <div>
            <a href="#">
              <p>&nbsp;SHOWCASE</p>
              <ul>
                <li>婚纱摄影作品</li>
                <li>时尚写真作品</li>
                <li>客户展示大赏</li>
                <li>全家福作品</li>
              </ul>
            </a>
          </div>
          <div>
            <a href="#">
              <p>&nbsp;SHOWCASE</p>
              <ul>
                <li>婚纱摄影作品</li>
                <li>时尚写真作品</li>
                <li>客户展示大赏</li>
                <li>全家福作品</li>
              </ul>
            </a>
          </div>
         <div>
            <a href="#">
              <p>&nbsp;SHOWCASE</p>
              <ul>
                <li>婚纱摄影作品</li>
                <li>时尚写真作品</li>
                <li>客户展示大赏</li>
                <li>全家福作品</li>
              </ul>
            </a>
          </div>
         <div>
            <a href="#">
              <p>&nbsp;SHOWCASE</p>
              <ul>
                <li>婚纱摄影作品</li>
                <li>时尚写真作品</li>
                <li>客户展示大赏</li>
                <li>全家福作品</li>
              </ul>
            </a>
          </div>
         <div>
            <a href="#">
              <p>&nbsp;SHOWCASE</p>
              <ul>
                <li>婚纱摄影作品</li>
                <li>时尚写真作品</li>
                <li>客户展示大赏</li>
                <li>全家福作品</li>
              </ul>
            </a>
          </div>
        </div>
     </div>
  </div>
  <div class="bot-center">
     <div class="bot-ph">

     </div>
     <div class="bot-ph1">
         <div class="bot-ph2"></div>
     </div>
  </div>
  <div class="bot-bottom">
     <div class="bot-bb"></div>
  </div>
</div>
</div>
</body>
</html>